<!--
  @author yangjiangming
  @date 2018/11/26 10:00
-->s
<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">

<div class="layui-row work-operation-header" style="border: 1px solid #e6e6e6;margin-left:10px;padding: 10px;"
     id="operate-header"
     th:fragment="header">
    <div class="header-left">
        <button class="layui-btn layui-btn-primary layui-btn-sm" data-action="prev">上一条</button>
        <button class="layui-btn layui-btn-primary layui-btn-sm" data-action="next">下一条</button>
    </div>
    <div class="header-right">
        <div class="operator-panel" id="operator-panel">
            <input type="button" value="详情"
                   lay-filter="jump-action-handle"
                   data-action-type="1"
                   lay-submit
                   class="jump-action-handle layui-btn layui-btn-primary layui-btn-sm">

            <input type="button"
                   value="审核"
                   lay-filter="jump-action-handle"
                   th:if="${((infoVo.auditStatus == 1 || infoVo.auditStatus == 5) && infoVo.auditType == 2 && infoVo.redistributeStatus == 1)}"
                   data-action-type="2"
                   lay-submit
                   class="jump-action-handle layui-btn layui-btn-primary layui-btn-sm">

            <!-- 状态为 待改派 并且是 （待审核 或者 处理中）才可以改备注 -->
            <input type="button" value="备注" id="last-remark-event"
                   th:if="${(infoVo.auditStatus == 1 || infoVo.auditStatus == 5) && infoVo.redistributeStatus == 1}"
                   class="layui-btn layui-btn-primary layui-btn-sm" lay-submit>

        </div>
    </div>
</div>

<fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;" th:fragment="divider">
</fieldset>

<div th:fragment="redistribute-audit">
    <div class="layui-fluid new-order-page order-modify-page" style="line-height: 34px;"
         th:if="${type == 2}">

        <fieldset class="layui-elem-field layui-field-title" style="font-weight: 550;margin-top: 30px;">
            <legend>改派审核</legend>
        </fieldset>

        <form method="post" action="" class="layui-form" id="zmn-form" lay-filter="zmn-form">
            <input type="hidden" id="gridId"/>
            <input type="hidden" id="distributeWay" name="distributeWay"/>
            <input type="hidden" id="distributeGrid" name="distributeGrid">
            <input type="hidden" name="orderId" th:value="${infoVo.orderId}"/>
            <input type="hidden" name="workId" th:value="${infoVo.workId}"/>

            <div class="layui-form-item">

                <!--地址info-->
                <input type="hidden" id="streetSource" name="streetSource" value="0">
                <input type="hidden" id="communityId">
                <input type="hidden" name="longitude" id="longitude"/>
                <input type="hidden" name="latitude" id="latitude"/>

                <div class="layui-inline">
                    <label class="layui-form-label">申请的改派缘由：</label>
                    <div class="layui-input-inline" th:text="${infoVo.reason}"></div>
                </div>

                <!-- 地址错误 -->
                <div th:if="${T(com.zmn.oms.common.constant.ConfDistributeReasonConsts).REASON_TYPE_ADDRESS_WRONG == infoVo.reasonId}">
                    <div class="layui-inline">
                        <label class="layui-form-label layui-required">用户地址：</label>
                        <div class="layui-input-inline" style="width: 200px;">
                            <select id="provinceId" readonly disabled name="provinceId" lay-filter="province">
                                <option value="">省</option>
                                <option th:selected="${province.value == infoVo.orderDetail.provinceId}"
                                        th:each="province : ${provinceList}"
                                        th:value="${province.value}"
                                        th:text="${province.text}"></option>
                            </select>
                        </div>
                        <div class="layui-input-inline select-city">
                            <select id="cityId" readonly disabled name="cityId" lay-filter="city">
                                <option value="">市</option>
                                <option th:selected="${item.value == infoVo.cityId}"
                                        th:each="item : ${cityList}"
                                        data-th-data-pid="${item.pid}" th:value="${item.value}" th:text="${item.text}">
                                </option>
                            </select>
                        </div>

                        <div v-show="list.length-removeList.length==1" class="layui-form-mid layui-word-aux">
                            <span id="company" class="company"></span>
                        </div>

                        <a v-show="list.length-removeList.length==1" class="layui-form-mid zmn-btn-text"
                           id="preCompany"></a>

                        <div class="layui-form-mid layui-word-aux layui-hide" id="gridCompany"></div>
                    </div>


                    <!-- 用户地址-区县、街道 -->
                    <div id="fuzzy-address" class="layui-form-item layui-hide">
                        <div class="layui-inline">
                            <label class="layui-form-label"></label>
                            <div class="layui-input-inline" style="width: 200px;">
                                <select id="countyId" name="countyId" lay-filter="countyId" lay-search>
                                    <option value="">请选择区县</option>
                                </select>
                            </div>
                            <div class="layui-input-inline select-city">
                                <select id="streetId" name="streetId" lay-filter="streetId" lay-search>
                                    <option value="">请选择乡镇或街道</option>
                                </select>
                            </div>
                        </div>
                    </div>

                    <!-- 用户地址-map -->
                    <div id="exact-address" class="layui-form-item">
                        <div class="layui-inline">
                            <label class="layui-form-label"></label>
                            <div class="layui-input-inline input-large" id="street-wrapper">
                                <input class="layui-input" id="customerAddress" type="text" name="street"
                                       placeholder="搜索地点，选择小区，街道，大厦..."
                                       autocomplete="off" style="padding-right: 95px;">
                                <div id="suggestPanel" class="suggestPanelBox layui-anim layui-anim-upbit">
                                    <ul></ul>
                                </div>
                            </div>
                        </div>
                        <div class="layui-inline">
                            <div class="layui-input-inline" id="county-list">
                            </div>
                        </div>
                    </div>
                    <!-- 用户地址-门牌 -->
                    <div class="layui-form-item">
                        <div class="layui-inline">
                            <label class="layui-form-label"></label>
                            <div class="layui-input-inline input-large">
                                <input class="layui-input" type="text" name="address" id="address" maxlength="100"
                                       placeholder="请输入详细楼栋、门牌号"
                                       autocomplete="off">
                            </div>
                            <a class="layui-form-mid layui-word-aux layui-input-inline" id="servingDuplicateNotice"
                               style="font-size: 12px;color: #EE0A3F!important;display: none;">有进行中的重复单！！！</a>
                        </div>
                    </div>
                    <!-- 切换精确地址与模糊地址 -->
                    <div class="layui-form-item">
                        <div class="layui-inline">
                            <label class="layui-form-label"></label>
                            <div class="layui-input-inline input-large">
                                <a class="btn-duty-time" id="address-type-exact" href="javascript:void(0);">无法找到精确地址</a>
                                <a class="btn-duty-time layui-hide" id="address-type-fuzzy"
                                   href="javascript:void(0);">切换为精确地址</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>


            <!-- 品类错误 -->
            <div th:if="${T(com.zmn.oms.common.constant.ConfDistributeReasonConsts).REASON_TYPE_CATEGORY_WRONG == infoVo.reasonId}">
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label layui-required">服务产品：</label>

                        <div class="layui-input-inline">
                            <div id="servCategId">
                            </div>
                        </div>

                        <div class="layui-input-inline">
                            <select name="productId" lay-filter="select-product" id="productId" lay-search></select>
                        </div>

                        <a class="layui-form-mid layui-word-aux layui-input-inline" id="servingDuplicateNotice"
                           style="font-size: 12px;color: #EE0A3F!important;display: none;">有进行中的重复单！</a>
                    </div>
                </div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label layui-required">同意改派：</label>
                <div class="layui-input-inline" style="width: 500px;">
                    <input type="radio" lay-skin="primary" name="auditStatus" value="3" title="是"
                           lay-filter="chose-redistribute-audit"/>
                    <input type="radio" lay-skin="primary" name="auditStatus" value="2" title="否"
                           lay-filter="chose-redistribute-audit"/>
                </div>
            </div>

            <div class="layui-form-item" id="hasSpurious">
                <label class="layui-form-label layui-required">是否虚假：</label>
                <div class="layui-input-inline" style="width: 660px;">
                    <div class="layui-input-inline">
                        <input type="radio" lay-skin="primary" name="spuriousStatus" value="2" title="是"/>
                        <input type="radio" lay-skin="primary" name="spuriousStatus" value="1" title="否"/>
                    </div>
                    <div class="layui-form-mid layui-word-aux layui-input-inline">
                        <a id="spuriousStandardTrigger"
                           style="font-size: 12px;color: #009688!important;cursor: pointer;text-align:right">虚假标准</a>
                    </div>
                </div>
            </div>

            <div class="layui-form-item layui-hide" id="choseRedistributeMaster">
                <label class="layui-form-label layui-required">工程师：</label>
                <div class="layui-input-inline">
                    <select class="layui-input-inline" id="masterSelect" name="masterId" lay-filter="masterSelect"
                            lay-search>
                        <option value="">请选择</option>
                    </select>
                </div>
            </div>

            <!-- 改派缘由 -->
            <div class="layui-form-item">
                <label class="layui-form-label" id="auditReasonLabel">核实的改派缘由：</label>
                <div class="layui-input-inline distribute-content" style="margin-left:0">
                    <div class="layui-col-xs12 layui-col-sm6 layui-col-md4" th:each="item : ${distributeReasonList}">
                        <input type="radio" name="auditReasonId" lay-skin="primary" lay-filter="auditReasonFilter"
                               th:title="${item.reason}"
                               th:value="${item.id}"
                               th:data-liable-type="${item.liableType}"
                               th:data-liable-type-name="${item.liableTypeName}">
                    </div>
                </div>
            </div>

            <div class="layui-form-item" th:if="${infoVo.liableType != 0 && infoVo.liableType != null}">
                <label class="layui-form-label">责任归属：</label>
                <div class="layui-input-inline">
                    <span th:text="${1 == infoVo.liableType ? '原工程师' : '' }"></span>
                    <span th:text="${2 == infoVo.liableType ? '当前工程师' : '' }"></span>
                </div>
                <div class="layui-form-mid layui-word-aux">改派订单后，如订单失败，责任将划分到责任工程师</div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label">备注：</label>
                <div class="layui-input-inline input-large" style="width: 500px">
                                <textarea class="layui-textarea"
                                          name="auditRemark"
                                          maxlength="500"
                                          placeholder="填写备注内容，500字以内"
                                          lay-verify="maxLenTo255"></textarea>
                </div>
            </div>

            <div class="layui-form-item submit">
                <div class="layui-input-block" style="margin-left: 139px">
                    <input type="button" value="提交" class="layui-btn" lay-submit="" id="submitForm"
                           lay-filter="zmn-form-submit">
                </div>
            </div>

            <div id="distribute-item" class="page-work-modify-distribute layui-hide">
                <!-- 校验工程师 -->
                <div class="layui-collapse">
                    <div class="layui-colla-item">
                        <div class="layui-colla-content">
                            <div class="layui-form-item">
                                <label class="layui-form-label" style="text-align: right">工程师：</label>
                                <div class="layui-input-inline">
                                    <select id="select-master" style="width: 100%;" lay-ignore>
                                    </select>
                                </div>
                                <div class="layui-input-inline distribute-btn-wrapper">
                                    <div class="layui-btn-container">
                                        <th:block th:if="${#authPermit.checkPermit('/oms/netcall/im/connect.action')}">
                                            <div class="layui-btn zmn-btn-voice btn-placeholder" lay-filter="call"
                                                 lay-submit>
                                                <i class="zmn-icon zmn-icon-voice"></i>
                                            </div>
                                        </th:block>
                                        <input style="height: 34px !important;line-height: 34px !important;"
                                               class="layui-btn btn-distribute"
                                               id="check-master"
                                               type="button"
                                               value="校验"
                                               lay-filter="check-master" lay-submit>
                                    </div>
                                </div>
                                <div class="layui-form-mid">
                                    <p class="master-check-message">
                                        <span id="master-check-msg"></span>
                                    </p>
                                </div>
                            </div>
                        </div>
                        <h2 class="layui-colla-title">校验工程师</h2>
                    </div>
                </div>

                <div id="grid-map">
                    <div class="layui-tab layui-tab-brief tab-distribute" lay-filter="tabEvent">
                        <ul class="layui-tab-title outside-tab-title">
                            <li class="layui-this">
                                <input type="button" value="网格内工程师" class="layui-btn layui-btn-sm btn-active">
                                <input type="button" value="网格内工程师" class="layui-btn layui-btn-primary layui-btn-sm">
                            </li>
                            <li>
                                <input type="button" value="网格外工程师" class="layui-btn layui-btn-sm btn-active">
                                <input type="button" value="网格外工程师" class="layui-btn layui-btn-primary layui-btn-sm">
                            </li>
                        </ul>
                        <div class="layui-tab-content">
                            <div id="distributeList" class="layui-tab-item layui-show">
                                <div class="layui-tab layui-tab-brief tab-distribute" style="margin-top: 30px"
                                     lay-filter="docDemoTabBrief">
                                    <ul class="layui-tab-title">
                                        <li class="layui-this">
                                            <input type="button" value="地图" class="layui-btn layui-btn-sm btn-active">
                                            <input type="button" value="地图"
                                                   class="layui-btn layui-btn-primary layui-btn-sm">
                                        </li>
                                        <li>
                                            <input type="button" value="列表" class="layui-btn layui-btn-sm btn-active">
                                            <input type="button" value="列表"
                                                   class="layui-btn layui-btn-primary layui-btn-sm">
                                        </li>
                                    </ul>
                                    <div class="layui-tab-content">
                                        <div class="layui-tab-item layui-show" id="mapView">
                                            <div th:replace="this :: buttonList"></div>
                                            <div>
                                                <div class="layui-row layui-col-space15">
                                                    <div class="layui-col-md9">
                                                        <div class="map-tips-5km">当前位置5KM以内网格</div>
                                                        <div class="map" id="mapOfmaterList"></div>
                                                    </div>
                                                    <div class="layui-col-md3">
                                                        <table id="simpleMasterTable"
                                                               lay-filter="tableOfMatserList"></table>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="layui-tab-item" id="tableView">
                                            <div th:replace="this :: buttonList"></div>
                                            <table id="detailMasterTable" lay-filter="tableOfMatserList"></table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div id="nonDistributeList" class="layui-tab-item">
                                <div class="layui-tab layui-tab-brief tab-distribute" style="margin-top: 30px"
                                     lay-filter="nonDistribute">
                                    <ul class="layui-tab-title">
                                        <li class="layui-this">
                                            <input type="button" value="地图" class="layui-btn layui-btn-sm btn-active">
                                            <input type="button" value="地图"
                                                   class="layui-btn layui-btn-primary layui-btn-sm">
                                        </li>
                                        <li>
                                            <input type="button" value="列表" class="layui-btn layui-btn-sm btn-active">
                                            <input type="button" value="列表"
                                                   class="layui-btn layui-btn-primary layui-btn-sm">
                                        </li>
                                    </ul>
                                    <div class="layui-tab-content">
                                        <div class="layui-tab-item layui-show" id="nonMapView">
                                            <div th:replace="this :: buttonList"></div>
                                            <div>
                                                <div class="layui-row layui-col-space15">
                                                    <div class="layui-col-md9">
                                                        <div class="map-tips-5km">当前位置5KM以内网格</div>
                                                        <div class="map" id="nonMapOfmaterList"></div>
                                                    </div>
                                                    <div class="layui-col-md3">
                                                        <table id="nonSimpleMasterTable"
                                                               lay-filter="nonTableOfMatserList"></table>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="layui-tab-item" id="nonTableView">
                                            <div th:replace="this :: buttonList"></div>
                                            <table id="nonDetailMasterTable" lay-filter="nonTableOfMatserList"></table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </form>

        <div class="layui-hide">
            <div th:replace="this :: modal-voice-wrapper"></div>
        </div>
    </div>

    <div class="layui-hide">
        <div class="layui-row" style="margin-bottom: 20px; height: 30px;" th:fragment="buttonList"></div>
    </div>
</div>

<div id="redistribute-info" th:fragment="redistribute-info">

    <fieldset class="layui-elem-field layui-field-title" style="font-weight: 550;margin-top: 30px;">
        <legend>改派申请信息</legend>
    </fieldset>
    <div class="layui-form-item" style="font-size: 12px;line-height: 35px;">
        <div class="layui-row">
            <div class="layui-col-xs6">
                <label class="layui-form-label">改派状态：</label>
                <div class="layui-input-inline" th:text="${infoVo.redistributeStatusName}"></div>
            </div>

            <div class="layui-col-xs6 font-setting">
                <label class="layui-form-label">改派缘由：</label>
                <div class="layui-input-inline" th:text="${infoVo.reason}"></div>
            </div>
        </div>

        <div class="layui-row">
            <div class="layui-col-xs6">
                <label class="layui-form-label">产品名称：</label>
                <div class="layui-input-inline" th:text="${infoVo.productInfo}"></div>
            </div>

            <div class="layui-col-xs6">
                <label class="layui-form-label">预约时间：</label>
                <div class="layui-input-inline"
                     th:text="${#dates.format(infoVo.dutyTime, 'yyyy-MM-dd HH:mm:ss')}"></div>
            </div>
        </div>

        <div class="layui-row">
            <div class="layui-col-xs6">
                <label class="layui-form-label">预约地址：</label>
                <div class="layui-input-inline " style="width: auto" id="hidDutyAddress"
                     th:text="|${infoVo.provinceName} ${infoVo.cityName} ${infoVo.countyName} ${infoVo.street} ****|"></div>
                <a class="zmn-btn-text btn-show-phone" data-target="hidDutyAddress" data-address-type="1" data-type="2">
                    <i class="layui-icon layui-icon-search"></i>
                </a>
            </div>

            <div class="layui-col-xs6">
                <label class="layui-form-label">备注：</label>
                <div class="layui-input-inline" th:text="${infoVo.applyRemark}"></div>
            </div>
        </div>

        <div class="layui-row">
            <div class="layui-col-xs6 text-centered" th:if="${!#strings.isEmpty(infoVo.imageSrc)}">
                <label class="layui-form-label">图片：</label>
                <ul class="images container-images">
                    <li class="layui-input-inline" style="width:100px; margin-top: 10px;"
                        th:each="item : ${#strings.arraySplit(infoVo.imageSrc, ',')}">
                        <img title="点击放大图片" th:src="${item}"
                             style="margin-right: 10px; width: 80px; height: 80px;">
                    </li>
                </ul>
            </div>

            <div class="layui-col-xs6 text-centered" th:if="${!#strings.isEmpty(infoVo.videoSrc)}">
                <label class="layui-form-label">视频：</label>
                <ul class="images" style="overflow: hidden">
                    <li style="margin-top: 10px; float: left"
                        th:each="item : ${#strings.arraySplit(infoVo.videoSrc, ',')}">
                        <div class="video-player">
                            <div class="v-player" th:vpath="|${item}?x-oss-process=video/snapshot,t_10000,m_fast|"
                                 th:ipath="${item}">
                                <img th:src="|${item}?x-oss-process=video/snapshot,t_10000,m_fast|"/>
                                <i class="layui-icon layui-icon-play videoed"></i>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>

        <div class="layui-row">
            <div class="layui-col-xs6 text-centered" th:if="${!#strings.isEmpty(infoVo.audioSrc)}">
                <label class="layui-form-label">音频：</label>
                <div class="layui-input-inline">
                    <ul>
                        <li style="width:100px; margin-top: 10px;"
                            th:each="item : ${#strings.arraySplit(infoVo.audioSrc, ',')}">
                            <audio th:src="${item}" controls></audio>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <fieldset class="layui-elem-field layui-field-title" style="font-weight: 550;margin-top: 30px;">
        <legend>订单信息</legend>
    </fieldset>

    <div class="layui-form-item" style="font-size: 12px;line-height: 34px;">
        <div class="layui-row">
            <div class="layui-col-xs6">
                <div class="layui-inline">
                    <label class="layui-form-label">订单号：</label>
                    <div class="layui-input-inline" title="点击打开工单详情"
                         style="width: auto;color: #8ab4f8!important;cursor: pointer;" th:text="${infoVo.orderId}"
                         id="orderId"></div>
                    <a class="zmn-btn-text btn-copy" data-clipboard-target="#orderId">
                        <i class="zmn-icon zmn-icon-clipboard-in"></i>
                    </a>
                </div>

                <div class="layui-inline">
                    <label class="layui-form-label">城市：</label>
                    <div class="layui-input-inline" th:text="${infoVo.cityName}"></div>
                </div>

                <div class="layui-inline">
                    <label class="layui-form-label">下单渠道：</label>
                    <div class="layui-input-inline" th:text="${infoVo.channelName}"></div>
                </div>

                <div class="layui-inline">
                    <label class="layui-form-label">改约次数：</label>
                    <div class="layui-input-inline" th:text="${infoVo.dutyTimeModifyCount}"></div>
                </div>

                <div class="layui-inline">
                    <label class="layui-form-label">支付状态：</label>
                    <div class="layui-input-inline" th:text="${infoVo.payStatusName}"></div>
                </div>

                <div class="layui-inline">
                    <label class="layui-form-label">下单时间：</label>
                    <div class="layui-input-inline"
                         th:text="${#dates.format(infoVo.receiveTime, 'yyyy-MM-dd HH:mm:ss')}"></div>
                </div>

                <div class="layui-inline" th:with="orderDetail=${infoVo.orderDetail}">
                    <label class="layui-form-label">下单地址：</label>
                    <div class="layui-input-inline " style="width: auto" id="hideAddress"
                         th:text="|${orderDetail.provinceName} ${orderDetail.cityName} ${orderDetail.countyName} ${orderDetail.street} ****|"></div>
                    <a class="zmn-btn-text btn-show-phone" data-target="hideAddress" data-address-type="2"
                       data-type="2">
                        <i class="layui-icon layui-icon-search"></i>
                    </a>
                </div>

                <div class="layui-inline">
                    <label class="layui-form-label">异常：</label>
                    <div class="layui-input-inline"
                         th:if="${infoVo.abnormalVOList != null and not #lists.isEmpty(infoVo.abnormalVOList)}">
                        <div class="layui-btn-container">
                            <a class="layui-btn layui-btn-xs layui-bg-orange"
                               target="_blank"
                               th:href="|${session['BFM-ABNORMAL'].value}/abnor/abnormal/list.action?orderId=${infoVo.orderId}|"
                               th:each="item : ${infoVo.abnormalVOList}"
                               th:text="${item.categOneName}"></a>
                        </div>
                    </div>
                </div>

                <div class="layui-inline">
                    <label class="layui-form-label">投诉：</label>
                    <div class="layui-input-inline"
                         th:text="${infoVo.redistributeStatus}"
                         th:if="${infoVo.complaintVOList != null and not #lists.isEmpty(infoVo.complaintVOList)}">

                        <p th:each="item : ${infoVo.complaintVOList}" style="margin-bottom: 8px;">
                            <th:block
                                    th:with="target = ${infoVo.platWork == #globalConsts.PLAT_MARK_YEYX ? 'yeyx' : (infoVo.platWork == #globalConsts.PLAT_MARK_ZMN ? 'zmn' : 'cnhb') }">
                                <th:block
                                        th:with="targetURL = ${session['BFM-COMPLAIN'].value + '/chs/complain/list/index.action?tabIndex=0&plat='+infoVo.platWork+'&orderId=' + infoVo.orderId}">
                                    <a class="layui-btn layui-btn-xs layui-bg-cyan" target="_blank"
                                       th:href="${targetURL}"
                                       th:classappend="|zmn-complaint-level-${item.level}|"
                                       th:text="${item.levelName}"></a>
                                </th:block>
                            </th:block>
                            <span th:if="${item.status eq 40 or item.status eq 41}" th:text="${item.statusName}"></span>
                        </p>
                    </div>
                </div>

            </div>

            <div class="layui-col-xs6">
                <div class="layui-inline">
                    <label class="layui-form-label">用户：</label>
                    <div class="layui-input-inline" style="width: auto"
                         th:text="${infoVo?.userName}"></div>
                </div>

                <div class="layui-inline" style="display: flex;">
                    <label class="layui-form-label">用户电话：</label>
                    <div>
                        <div th:each="hidMobile, iterStat : ${infoVo.telephoneMap}"
                             th:with="id = 'hidMobile' + ${iterStat.count},hideTelephoneIndex=${hidMobile.key},hideTelephone=${hidMobile.value}">
                        <span class="layui-input-inline" style="width: auto" th:id="${id}"
                              th:text="${hideTelephone}"></span>

                            <!-- 复制 -->
                            <a class="zmn-btn-text btn-phone-copy"
                               th:data-hidmobile="${hideTelephone}"
                               th:data-cryptomobile="|${infoVo?.cryptoTelephoneMap[''+hideTelephoneIndex]}|"
                               th:data-target-id="${id}"
                            >
                                <i class="zmn-icon zmn-icon-clipboard-in"></i>
                            </a>

                            <!-- 解密手机号 -->
                            <a class="zmn-btn-text btn-show-phone" th:data-target="${id}" data-type="1"
                               th:data-index-phone="${hideTelephoneIndex}">
                                <i class="layui-icon layui-icon-search"></i>
                            </a>

                            <!-- 呼叫 -->
                            <a class="zmn-btn-text btn-cc-call layui-hide" style="margin-left: 2px; margin-top: 6px;"
                               data-type="1"
                               th:data-index-phone="${hideTelephoneIndex}">
                                <i class="zmn-icon zmn-icon-phone1"></i>
                            </a>
                        </div>
                    </div>

                </div>

                <div class="layui-inline">
                    <label class="layui-form-label">工程师：</label>
                    <div class="layui-input-inline" style="width: auto"
                         th:text="|${infoVo.masterGroupName}-${infoVo.masterName}|"></div>

                    <div class="layui-input-inline" style="width: auto" id="hidMasterMobile"
                         th:text="${infoVo.masterPhone}"></div>

                    <a class="zmn-btn-text  btn-phone-copy"
                       data-target-id="hidMasterMobile"
                       th:data-hidmobile="|${infoVo?.masterPhone}|"
                       th:data-cryptomobile="|${infoVo?.cryptoEngineerMobile}|">
                        <i class="zmn-icon zmn-icon-clipboard-in"></i>
                    </a>
                    <a class="zmn-btn-text btn-show-phone" data-target="hidMasterMobile" data-type="3">
                        <i class="layui-icon layui-icon-search"></i>
                    </a>

                    <!-- 呼叫 -->
                    <a class="zmn-btn-text btn-cc-call layui-hide" data-type="3"
                       style="margin-left: 2px; margin-top: 6px;">
                        <i class="zmn-icon zmn-icon-phone1"></i>
                    </a>
                </div>

                <div class="layui-inline">
                    <label class="layui-form-label">子公司：</label>
                    <div class="layui-input-inline" th:text="${infoVo.companyName}"></div>
                </div>

                <div class="layui-inline">
                    <label class="layui-form-label">改派次数：</label>
                    <div class="layui-input-inline" th:text="${infoVo.distributeCount}"></div>
                </div>

                <div class="layui-inline">
                    <label class="layui-form-label">服务项目：</label>
                    <div class="layui-input-inline">
                        <div th:each="productItem : ${infoVo.serviceItemList}">
                            <p th:text="|${productItem.productName}:|"></p>
                            <div style="text-indent: 1em">
                                <div th:each="serviceItem : ${productItem.serviceItemVOList}">
                                    <p th:text="|${serviceItem.serviceItemName}x${serviceItem.number}  ${#moneyUtil.parseToYuanStartWithUnit(serviceItem.amount)}|"></p>
                                    <p th:if="${serviceItem.serviceItemDetailVOList != null}" style="text-indent: 2em">
                                                                <span th:each="itemDetail : ${serviceItem.serviceItemDetailVOList}">
                                                                    <block th:text="${itemDetail.itemCellName + #moneyUtil.parseToYuanStartWithUnit(itemDetail.cellPrice)}">，</block>
                                                                </span>
                                    </p>
                                </div>
                                <p th:text="|总计：${#moneyUtil.parseToYuanStartWithUnit(productItem.serviceItemTotalAmount)}|"></p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="videos"></div>
    </div>

    <fieldset class="layui-elem-field layui-field-title" style="font-weight: 550;margin-top: 30px;">
        <legend>操作记录</legend>
    </fieldset>
    <div th:replace="redistribute/_table :: logTable"></div>

    <div class="layui-hide">
        <div th:replace="redistribute/_table :: spurious-standard"></div>
    </div>

    <div class="layui-hide">
        <div th:replace="this :: add-remark"></div>
    </div>
</div>

<div id="modal-voice-wrapper" th:fragment="modal-voice-wrapper">
    <div class="modal-main">
        <div class="modal-content">
            <p>目前系统支持和工程师app的语音通话的手机品牌有：华为、小米、vivo、oppo、魅族，其他手机品牌系统暂不支持</p>
        </div>
        <div class="modal-footer">
            <form class="layui-form">
                <div class="layui-form-item">
                    <div class="btn-container">
                        <button class="layui-btn" lay-filter="form-modal" lay-submit>我知道了</button>
                        <div class="input-noTips">
                            <input type="checkbox" name="noTips" lay-skin="primary" title="下次不再提醒">
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>

<div id="add-remark" style="margin-top: 30px;" th:if="${type == 3}" th:fragment="add-remark">
    <div class="layui-form-item">
        <label class="layui-form-label layui-required">备注：</label>
        <div class="layui-input-inline input-large" style="width: 500px">
                                <textarea class="layui-textarea"
                                          id="lastRemark"
                                          maxlength="500"
                                          placeholder="填写备注内容，500字以内"
                                          lay-verify="maxLenTo255"></textarea>
        </div>
    </div>

    <div class="layui-form-item submit">
        <div class="layui-input-block" style="margin-left: 139px">
            <input type="button" value="提交" class="layui-btn" id="submitRemark">
            <input type="button" value="取消" class="layui-btn" id="cancel">
        </div>
    </div>
</div>

</html>